<!-- <style> -->

<link type="text/css" href="/site_media/css/viewwall_menu.css" rel="stylesheet" />
<!-- .nav ul { -->
<!--     background: #565656; -->
<!--     border-bottom: 1px solid #000; -->
<!--     list-style: none; -->
<!--     margin: 0; -->
<!--     width: 115px; -->
<!--     position: absolute; -->
<!--     top: -999em; -->
<!--     left: -1px; -->
<!-- } -->
<!-- </style> -->
<script type="text/javascript">
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function menu_open(){
    menu_canceltimer();
    menu_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function menu_close(){
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function menu_timer(){
	closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

$(document).ready(function()
{  $('#cardwallmenu > li').bind('mouseover', menu_open)
   $('#cardwallmenu > li').bind('mouseout',  menu_timer)});

document.onclick = menu_close;

</script>
<div>
	<ul id="cardwallmenu">
		<li><a href="#item1">View</a>
		  <ul>
				<li><a href="#item1.1">Export as</a></li>
				<li><a href="#item1.2">Trash</a></li>
				<li><a href="#item1.2">Archives</a></li>
				<li><a href="#item1.2">Wall as on</a></li>
				<li><a href="#item1.2">Comments</a></li>
		  </ul>
		</li>
		<li><a href="#item1">Configure</a>
		  <ul>
				<li><a id="stage_conf_lightbox" href="#">Stages</a></li>
				<li><a href="#item1.2">Details</a></li>
				<li><a href="#item1.2">Send to trash</a></li>
				<li><a href="#item1.2">Archive wall</a></li>
		  </ul>
		</li>
	</ul>
</div>









<!--   <ul class="dropdown"> -->
<!--     <li><a href="#">View</a> -->
<!--       <ul class="sub_menu"> -->
<!-- 	<li><a href="#">Export as</a></li> -->
<!-- 	<ul> -->
<!-- 	  <li><a href="#">Pdf</a></li> -->
<!-- 	  <li><a href="#">Image</a></li> -->
<!-- 	</ul> -->
<!-- 	<li><a href="#">Send to Trash</a></li> -->
<!-- 	<li><a href="#">Archive</a></li> -->
<!-- 	<li><a href="#">Wall as on</a></li> -->
<!-- 	<li><a href="#">Comments</a></li> -->
<!--       </ul> -->
<!--     </li> -->
<!--     <li><a href="#">Configure</a> -->
<!--       <ul class="sub_menu"> -->
<!-- 	<li><a id="stage_conf_lightbox" href="#">Stages</a></li> -->
<!-- 	<li><a href="#">Details</a></li> -->
<!--       </ul> -->
<!--     </li> -->
<!--   </ul> -->
<!-- </div> -->

